<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<link rel="stylesheet" type="text/css" href="style/reset.css">
<link rel="stylesheet" type="text/css" href="style/main.css">
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"/>
<title>无标题文档</title>
</head>    
<body>

<div class="top">
	<div class="top-left">
		<a href="index.html">宝箱</a>
		<a href="index.html">换肤</a>
		<a href="index.html">消息</a>
	</div>
	<div class="top-product">
		<button type="button">更多产品</button>
		<div class="dropdowm">
			<a href="index.html"><i class="fa fa-music fa-3x"></i></a>
			<a href="index.html"><i class="fa fa-coffee fa-3x"></i></a>
			<a href="index.html"><i class="fa fa-lightbulb-o fa-3x"></i></a>
			<a href="index.html"><i class="fa fa-cloud fa-3x"></i></a>
			<a href="index.html"><i class="fa fa-bar-chart fa-3x"></i></a>
			<a href="index.html"><i class="fa fa-map-marker fa-3x"></i></a>
			<a href="index.html">全部产品>></a>
		</div>
	</div>
	<div class="top-right">
		<div>
			
		</div>
			<button class="gui-btn">gui53</button>
			<button class="option-btn">设置</button>
	</div>
	<div class="top-center">
		<a href="index.html">糯米</a>
		<a href="index.html">新闻</a>
		<a href="index.html">hao123</a>
		<a href="index.html">地图</a>
		<a href="index.html">视频</a>
		<a href="index.html">贴吧</a>
	</div>
</div>

<div class="center">
	<div class="img">
		<img src="img/logo_white_baidu.png">
	</div>
	<form class="search" name='search' action="www.baidu.com" method="get" accept-charset="utf-8">
		<input class="input" type="text" name="input"></input>
		<input class="submit" type="submit" name="submit" value="百度一下"></input>
	</form>
	<div id="tab" class="news">
		<div class="tabList">
			<ul>
				<li>我的关注</li>
				<li class="cur">推荐</li>
				<li>导航</li>
				<li>视频</li>
				<li>购物</li>
			</ul>
			<a href="index.html"><i class="fa fa-cog"></i></a>
		</div>
		<div class="tabCon">
			<div>1</div>
			<div class="cur">2</div>
			<div>3</div>
			<div>4</div>
			<div>5</div>
		</div>
	</div>
	<div class="more">
		<p>滚动查看更多</p>
		<i class="fa fa-angle-down fa-4x"></i>
	</div>
</div>

<div class="footer">
	<i>设为首页</i>
	<div class="copy">
		&copy 2016 Baidu <i>使用百度前必读</i> <i>意见反馈</i> 京ICP证030173号
	</div>
	<div class="police">
		<img src="img/police.png">
		京公网安备11000002000001号
	</div>
</div>

</body>
<script src="js/jquery-1.12.1.min.js"></script>
<script src="js/main.js" type="text/javascript"></script>
</html>